{include file="$header" /}
<div class="mk-page">
    <div class="mk-layout">
        <div class="mk-advice">
            <div class="main-title">
                <span>{$single.title}</span>
            </div>
            <div class="main-content">{$single.content|raw}</div>
            <div class="mk-next-prev-page">
                {empty name="prev"}
                <div>{:lang('prev page')}：<el-link disabled>{:lang('empty')}</el-link></div>
                {else/}
                <div>{:lang('prev page')}：<el-link type="primary" href="{$prev['url']}">{$prev['title']}</el-link></div>
                {/empty}
                {empty name="next"}
                <div>{:lang('next page')}：<el-link disabled>{:lang('empty')}</el-link></div>
                {else/}
                <div>{:lang('next page')}：<el-link type="primary" href="{$next['url']}">{$next['title']}</el-link></div>
                {/empty}
            </div>
        </div>
    </div>
</div>
{include file="$component" /}
<script type="text/javascript">
    new Vue({
        el: '#app',
        data() {
            return {
                single: {:json_encode($single)},
            }
        },
    });
</script>
{include file="$footer" /}